.f_luckTwo {
  width: 100%;
 //  min-height: 100vh;
  background-color: white;
  padding-top: 88px;

  .top_back {
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url('../../../static/image/luck/f_top.png')no-repeat center/100% 100%;

    .avatar {
      position: relative;

      .user_imgs {
        width: 146px;
        height: 146px;
        margin: 0 auto 10px;
      }

      .modify_image {
        width: 43px;
        height: 43px;
        position: absolute;
        bottom: 15px;
        left: 100px;
      }

      .user_msg {
        font-size: 30px;
        color: #333333;
        display: flex;
        flex-direction: row;
        align-items: center;

      }
    }

    .user_name {
       display: flex;
       flex-direction: row;
       align-items: center;
       color:#333333;
       font-size: 32px;
       display: flex;
       align-items: center;
       justify-content: center;

       .user_sex_g,
       .user_sex_b {
         margin-left: 20px;
         display: inline-block;
         width: 20px;
         height: 34px;
       }
       .user_sex_g {
         background: url('../../../static/image/luck/f_sex_g.png')100% center/100% no-repeat;
       }

       .user_sex_b {
         background: url('../../../static/image/luck/f_sex_b.png')100% center/100% no-repeat;
       }
     }
  }

  .minute {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 40px 60px;

    .progress_bar {
      width: 134px;
      height: 134px;
      background: #FFF7E3;
      border-radius: 50%;

      span {
        font-size: 34px;
        font-weight: 400;
      }
    }

    .vux-circle-demo {
      text-align: center;
    }

    .vux-circle-demo>div {
      margin-left: auto;
      margin-right: auto;
    }

    .circle-demo-range {
      width: 250px;
      margin-top: 25px;
      margin-bottom: 25px;
    }

    .minute_imgs {
      width: 140px;
      height: 140px;
    }

    .content {

      .caiyun,
      .ganqing,
      .shiye {
        font-size: 30px;
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-bottom: 10px;

        span {
          margin-left: 20px;
        }

        .ok {
          display: inline-block;
          width: 34px;
          height: 34px;
        }

        .no {
          display: inline-block;
          width: 34px;
          height: 34px;
        }
      }

      .caiyun {
        .ok {
          background: url('../../../static/image/luck/f_jrys_icon_money_n@2x.png')100% center/100% no-repeat;
        }

        .no {
          background: url('../../../static/image/luck/f_jrys_icon_money_s@2x.png')100% center/100% no-repeat;
        }
      }

      .ganqing {
        .ok {
          background: url('../../../static/image/luck/f_jrys_icon_love_n@2x.png')100% center/100% no-repeat;
        }

        .no {
          background: url('../../../static/image/luck/f_jrys_icon_love_s@2x.png')100% center/100% no-repeat;
        }
      }

      .shiye {
        .ok {
          background: url('../../../static/image/luck/f_home_icon_work_n@2x.png')100% center/100% no-repeat;
        }

        .no {
          background: url('../../../static/image/luck/f_home_icon_work_s@2x.png')100% center/100% no-repeat;
        }
      }
    }
  }

  .canalage {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 30px;
    padding: 40px 0;
    margin: 0 40px;
    border-top: 1px solid #e6e6e6;
    /*no*/
    border-bottom: 1px solid #e6e6e6;

    /*no*/
    .box_content {
      display: flex;
      flex-direction: column;
      align-items: center;

      .title {
        width: 102px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #FDC46F;
        font-size: 24px;
        border-radius: 6px;
        margin-bottom: 10px;
      }
    }
  }

  .message {
    font-size: 28px;
    padding: 40px;
    line-height: 40px;

    div {
      margin-bottom: 20px;

      span {
        color: #FEAC32;
      }

      p {
        display: inline;
      }
    }
  }

  .footer_button {
    width: 100%;
    height: 122px;
    background-color: #FAFAFA;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    align-items: center;

    button {
      border: none;

      &:focus {
        outline: none;
      }

      width: 344px;
      height: 80px;
      border-radius: 10px;
      color: white;
      font-size: 28px;
    }

    .jieh {
      background: url('../../../static/image/luck/f_jieh.png')100% center/100% no-repeat;
    }

    .yuns {
      background: url('../../../static/image/luck/f_yuns.png')100% center/100% no-repeat;
    }
  }
}
